<?php
?>
<div id="chart" style="width:360px; height:360px; margin:0 auto"></div>
<script type="text/javascript">
$(function() {
	var chart;
	chart = new Highcharts.Chart({
		chart: {
			renderTo: 'chart',
			type: 'column'
		},
		title: {
			text: '<?php echo BUtils::T('special_report_title_lbl'); ?>'
		},
		xAxis: {
			categories: ['']
		},
		yAxis: {
			min: 0,
			allowDecimals: false,
			title: {
				text: '<?php echo BUtils::T('special_report_yaxis_lbl'); ?>'
			}
		},
		tooltip: {
			formatter: function() {
				return this.series.name +': '+ this.y;
			}
		},
		series: [
			{name: '<?php echo BUtils::T('special_report_viewed_lbl'); ?>', data: [<?php echo $model[0]['total'] ?>]},
			{name: '<?php echo BUtils::T('reserved_lbl'); ?>', data: [<?php echo $model[1]['total'] ?>]},
			{name: '<?php echo BUtils::T('special_report_redeemed_lbl'); ?>', data: [<?php echo $model[2]['total'] ?>]}
		]
	});
});
</script>